<script setup>
import Header from '../../components/Main-Header.vue'
import Aside from '../../components/Main-aside.vue'

</script>

<template>
    <div class="common-layout">
        <el-container>
            <el-header>
                <Header></Header>
            </el-header>
            <el-container>
                <el-aside>
                    <Aside></Aside>
                </el-aside>
                <el-main>
                    <Head id="tel"></Head>
                    <RouterView></RouterView>
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>
<style scoped lang="scss">
.common-layout{
    width: 100vw;
    height: 100vh;

    & .el-header{
        width: 100vw;
        background-color: skyblue;
    }
    & .el-aside{
        height: 90.5vh;
    }
    & .el-main{
        height: 90.5vh;
        background-color: rgba(128, 128, 128, 0.153);
    }
}

</style>